<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<style>
  .breadcrumb {
    padding: 15px 15px;
    background-color: transparent;
    margin-bottom: 0px;
    display: inline-block;
  }

  .pull-right {
    padding-top: 7px;
  }

  form {
    display: inline-block;
  }

  .inline-block {

    display: inline-block;
  }

  .btn-group-vertical {
    width: 100%;
  }

  .bg {
    text-align: left;
  }

  .nheader {
    padding: 5px;
    padding-left: 20px;
    border-bottom: 1px solid rgb(235, 233, 233);
  }

  .table>tbody>tr>td {
    vertical-align: middle;
  }
</style>  
<body>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">岭南师范学院宿舍管理系统</a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

        <div class="btn-group pull-right" role="group" aria-label="...">
          <button type="button" class="btn btn-danger">登陆</button>
          <button type="button" class="btn btn-danger">注册</button>

          <!-- 头像 -->

          <div class="btn-group" style="margin-left:30px;">
            <span id="email">用户名</span> <img id="headerimg" style="height:35px;width:35px;margin-left:10px;" src="../images/1.JPG"
              alt="..." class="img-circle" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">
            <ul class="dropdown-menu">
              <li><a href="#">个人信息</a></li>
              <li><a href="#">更改密码</a></li>
              <li><a href="#">注销账号</a></li>
            </ul>
          </div>
        </div>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>



  <div class="container-fluid" style="margin-top: 5%;">

    <div class="row">
      <div class="col-md-2">
        <div class="list-group" id="menusdiv">
        </div>
      </div>


      <div class="col-md-10">
        <div class="panel panel-default">

          <div class="panel-heading container-fluid">
            <div class="row " style="padding:0px 20px">
            <div>title</div>
            </div>
          </div>


          <!-- 右侧面板 -->
          <div class="panel-body text-center" id="table_div">
            

            <form class="form-horizontal" style="margin-top:3%">
              <div class="form-group">
                <label  class="col-sm-4 control-label" >姓名</label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" id="inputEmail3" placeholder="姓名">
                </div>
              </div>

  
                <div class="form-group">
                  <label  class="col-sm-4 control-label" >性别</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control" id="inputEmail3" placeholder="性别">
                  </div>
                </div>

                  <div class="form-group">
                    <label  class="col-sm-4 control-label" >电话</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="inputEmail3" placeholder="电话">
                    </div>
                  </div>

                  <div class="form-group">
                    <label  class="col-sm-4 control-label" >宿舍楼</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="inputEmail3" placeholder="宿舍楼">
                    </div>
                  </div>

                  <div class="form-group">
                    <label  class="col-sm-4 control-label" >寝室</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="inputEmail3" placeholder="寝室">
                    </div>
                  </div>

              <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <button type="submit" class="btn btn-default">保存</button>
                </div>
              </div>
            </form>
            
          </div>

          <div class="panel-footer">页脚</div></div>
      </div>
    </div>  
    </div>
  </div>
  <script src="./js/stuM.js"></script>
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>

</html>